<template>
  <view class="package">
    <view class="space-between" style="padding-bottom:25rpx;box-sizing: border-box;" @click="navTo('Sale/activity/writeList')">
      <view>活动核销单</view>
      <view style="color:#999;">>></view>
    </view>
    <view class="space-between" 
    v-for="item in 3"
    style="padding:20rpx 0px;box-sizing: border-box;border-top:1px solid #eee;font-size: 28rpx;">
      <view class="direction-start">
        <view>{$邀新返现活动名}</view>
        <view style="margin:5rpx 0px;">{$车友名称}</view>
        <view class="center" style="color:#1D8DFF;font-size: 26rpx;">倒计时：
          <uni-section title="不显示天数" subTitle="设置 show-day = false 不显示天" type="line" padding>
            <uni-countdown :show-day="false" :hour="12" :minute="12" :second="12" color="#1D8DFF" />
          </uni-section>
        </view>
      </view>
      <view class="but">立即核销</view>
    </view>
  </view>
</template>
<script setup lang="ts">
  import { ref } from 'vue';
  import { navTo } from '@/utils/navigator';
</script>

<style scoped lang="less">
  .but {
    width: 148rpx;
    height: 52rpx;
    background: #1D8DFF;
    border-radius: 26rpx;
    text-align: center;
    line-height: 52rpx;
    color:#fff;
  }
</style>
<style>
  .center>>>.uni-countdown__splitor {
    color: #1D8DFF !important;
  }
</style>